.livetwo-header{
  width: 100%;
  height: 300px;
  background: url("http://img.alltuu.com/ACT8767/10957/611158.jpg%40%21act-one-cover-blur?Expires=1502412479&OSSAccessKeyId=7QfEX2VsgTRSHYt0&Signature=SDEZz4i4HSRdLkVakGugqiOHEKg%3D");
  background-size: cover;
  background-origin: content-box;
  background-position: center center;
  padding-top: 20px;
  .hedright{
    float: right;
    background: #FFFFFF;
    p{
      color: #000;
    }
  }
  .p1{
    font-size: 20px;
  }
  p{
    //margin-top: 20px;
    color: #FFFFFF;
    text-indent: 20px;
  }

}
.pp{
  height: 40px;
  width: 100%;
  background: #fff;
  position: relative;
  .hove{
    position: absolute;
    left: 150px;
    height: 200%;
    width: 150px;
    //text-align: center;
    div{
      height: 40px;
      width: 100%;
      line-height: 40px;
      position: absolute;
      top: 0;
      left:0;
    }
    .tp{
      border-right: 1px #ccc solid;
      border-left: 1px #ccc solid;
      z-index: 2;
    }
    .tb{
      z-index: 1;
      display: none;
    }
  }
  button{
    outline: none;
    width: 150px;
    height: 100%;
    background: #0099e5;
    color: #FFFFFF;
    border:none;
    float: right;
    margin-right:50px;
    transition: 1s;
  }
  button:hover{
    height: 80%;
    margin-top: 4px;
    width: 120px;
    margin-right: 65px;
  }
}
#livetwo-wrap{
  width: 100%;
  height: 1500px;
  background: #EEEEEE;
  padding-top: 20px;
  #livetwo-main{
    width: 96%;
    height: 100%;
    margin-left: 2%;
    background: #FFFFFF;
    border: 1px #ccc solid;
    padding-left: 10px;
    padding-top: 10px;

    .livetwo-sml{
      position: relative;
      width: 24%;
      float: left;
      margin-right: 13px;
      margin-bottom: 15px;
      img{
        width: 100%;
        height: 100%;
      }
      div{
        position: absolute;
        bottom: 0;
        height: 20px;
        width: 100%;
        z-index: 22;
        color: #FFFFFF;
        span{
          color: #FFFFFF;
        }
      }
    }
  }
}